* {
margin: 0;
padding: 0;
}

/* __________________________________________________ General Tags */
body {
font: 12px/19px Georgia, Serif;
text-align: center;
color: #333;
background: #eee;
}

:focus {
outline: none;
}
a {
text-decoration: none;
color: #15c8dd;
}
	a:hover {
	color: #0f8f9e;
	border-bottom: 1px solid #eee;
	}
img {
border: 0;
vertical-align: middle;
}

h2 {
margin: 0 0 10px;
font: bold 24px/24px 'Myriad Pro', Arial, Sans-Serif;
letter-spacing: -1px;
color: #555;
border-bottom: 1px solid #eee;
}
	h2 span {
	float: right;
	font-weight: normal;
	font-size: 16px;
	letter-spacing: 0;
	color: #ccc;
	}
input, textarea, select {
padding: 6px;
width: 400px;
font: 12px/19px Georgia, Serif;
color: #666;
background: #fff;
border: 1px solid #ddd;
}

form p, form .paragraph {
margin: 0;
padding: 15px 10px;
}

ul, ol {
margin-left: 30px;
}

form table p, form table p.alt {
	margin: 0 0 30px;
	padding: 0;
	background: transparent;
	}
form .alt {
	background: #f9f9f9;
	}
	form p span, form .paragraph span {
	display: block;
	margin-left: 200px;
	font-style: italic;
	font-size: 10px;
	color: #999;
	}
	
table .checkbox {
	width: 0;
	}
	
th, tfoot td {
	padding: 7px 10px;
	font-weight: normal;
	text-shadow: 0 1px 0 #f7f7f7;
	color: #777;
	background: #ddd;
	border-bottom: 1px solid #ccc;
	}
form p > label, form .paragraph > label {
	float: left;
	width: 200px;
	color: #777;
	}	

form p > label:after, form .paragraph > label:after {
		content: ':';
		}
		.checkboxlabel, .radiolabel {
		float: none;
		margin: 0 20px 0 0;
		width: auto;
		color: #444;
		}
			.checkboxlabel:after, .radiolabel:after {
			content: '';
			}	
			
p, ul, ol, form,{
margin: 0 0 30px;
}
table input, .checkbox, .radio {
	width: auto;
	}	
	
textarea {
	height: 150px;
	}
		textarea.small {
		height: 75px;
		}
		textarea.large {
		width: 600px;
		height: 250px;
		}
	input.button {
	padding: 3px 10px;
	width: auto;
	color: #fff;
	background: #0f8f9e;
	border: 0;
	cursor: pointer;
	-moz-border-radius: 20px;
	}	
			
/***


table {
width: 100%;
border-collapse: collapse;
}				
	
		

	select {
	padding: 5px 6px;
	}
	input:focus, textarea:focus {
	color: #444;
	}
	
	
		input.button:hover {
		background: #0d808e;
		}
	input.disabled {
	background: #f9f9f9;
	}
	#month {
	width: auto;
	}
	#day, #hour, #minute {
	width: 15px;
	}
	#year {
	width: 30px;
	}



/******************


	
	
	tbody td {
	padding: 10px;
	border-bottom: 1px solid #eee;
	}
		tbody tr.alt td {
		background: #f9f9f9;
		}
		tbody td.options {
		width: 35px;
		text-align: center;
		}
			.comments tbody td.options {
			width: 54px;
			}
		tbody tr:last-child td {
		border: 0;
		}
	tfoot td {
	text-align: right;
	}
		tfoot input.button {
		float: left;
		background: #999;
		}
			tfoot input.button:hover {
			background: #777;
			}
		tfoot a {
		color: #777;
		}
			tfoot a:hover {
			color: #666;
			border: 0;
			}



/****************** */

/* __________________________________________________ Structure */
.wrapper {
margin: 0 auto;
width: 960px;
text-align: left;
}
.container {
padding: 20px;
}
#content_div {
background: #fff;
}
#header {
width: 100%;
background: #0f8f9e;
}
	#header .container {
	padding: 30px 20px;
	background: #0d808e;
	}
	#header h1 > a {
	font: bold 32px/32px 'Myriad Pro', Arial, Sans-Serif;
	letter-spacing: -2px;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, .1);
	color: #fff;
	border: 0;
	}
	#header h1 span a {
	margin-left: 20px;
	padding: 5px 7px;
	font: bold 11px/11px 'Myriad Pro', Arial, Sans-Serif;
	color: #fff;
	border: 0;
	-moz-border-radius: 10px;
	}
		#header h1 span a:hover {
		background: #0c727e;
		}
#navigation {
background: #0d808e;
border-bottom: 1px solid #fff;
}
	#navigation .container {
	padding: 0 20px;
	background: #0c727e;
	}
	#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
		#navigation li {
		float: left;
		margin: 0 25px 0 0;
		padding: 10px 0;
		}
			#navigation li#logout {
			float: right;
			margin: 0;
			}
		#navigation a {
		padding: 5px 15px;
		font: 11px/11px Arial, Sans-Serif;
		color: #fff;
		border: 0;
		}
			#navigation a:hover, #navigation li.current a {
			background: #0f8f9e;
			-moz-border-radius: 10px;
			}
#footer {
margin: 0 auto;
width: 960px;
text-align: right;
}
	#footer p {
	padding: 10px 20px;
	font-size: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #aaa;
	}
		#footer p a {
		color: #888;
		}
			#footer p a:hover {
			color: #444;
			}

/* __________________________________________________ Custom Fields */
#js_custom_key, .custom_key {
display: block;
margin-bottom: 5px;
width: 200px;
}
#js_custom_value, .custom_value {
margin-left: 15px;
width: 300px;
height: 45px;
}
.field {
margin: 0 0 10px 200px;
}



/* __________________________________________________ Classes */
.clear { clear: both; }
.block { display: block; }
.center { margin-left: auto; margin-right: auto; text-align: center; }
.left { float: left; text-align: left; }
.right { float: right; text-align: right; }
.marginbottom { margin-bottom: 5px; }
.marginright { margin-right: 5px; }
.error { color: #cb1818; }
.success { color: #96cb18; }
.box {
margin-right: 20px;
float: left;
width: 450px;
}
	.box .right {
	margin: 0;
	}
	.box.second-box {
	margin: 0;
	}
.upload {
max-height: 50px;
max-width: 500px;
}